﻿@model Bids.Web.Model.PublishModel
@{
    ViewBag.Title = "标志设计风格";
}
@section head
    {
    <script src="/js/jquery-1.js"></script>
   
    <script type="text/javascript" src="/js/jquery-ui.js"></script>

    <script src="/js/module/task_publish_logo.js"></script>
    <script src="/js/jquery.validate.js"></script>
    <script type="text/javascript">
        $(function () {
            //flash上传按钮
            $("#filebtn").click(function () {
                $("#ExtraneousFile").click();
            });
        });

        

    </script>

    <!--[if lt IE 8]>
<script src="https://www.logodesignguarantee.com/js/IE8.js"></script>
<![endif]-->
}
<!--第三步-->
<div class="wz">
    <img src="/images/wz.png" alt="img" width="518" height="75" /></div>
<div class="create_left">
    <a href="#">商业信息</a>
    <a href="#">目标市场</a>
    <a href="#" class="current">标志设计风格</a>
    <a href="#">金额设置</a>
    <a href="#">确认资料</a>
    <a href="#">付款</a>

</div>

<div class="index">
    <div class="index_top">
        <b>标志设计风格</b>
    </div>
    <div class="index_center">
        <form action="Step_4" method="post" id="myform" enctype="multipart/form-data">
            <table class="create">
                <tbody>
                    <tr>
                        <td colspan="2">
                            <label style="color: #f00;">*</label>
                            <b style="font-size: 14px;">您希望的标志样式：</b><img src="/images/index_icon.jpg" alt="icon" width="16" height="17" />
                            (注：上述商标标志竞技场以任何方式与不相关联的，他们只用在这里最知名的品牌作为例子，向您展示不同风格的标志。)
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size: 12px;">
                            @foreach (var item in Model.Styles)
                            {
                                <div class="styles1" id="stdiv3">
                                    <div style="height: 135px; overflow: hidden;">

                                        <b style="margin-bottom: 10px">
                                           <label> <input type="checkbox" class="required" name="StyleId" value="@item.ID">&nbsp;
                @item.Name</label>
                                        </b>
                                        <div style="height: 132px;">
                                            @Html.Raw(item.Content)
                                        </div>
                                    </div>
                                </div>
                            }

                            <!--选中样式styles2-->

                        </td>
                    </tr>
                    <tr class="tr_sep">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <p>
                                <span style="font-size: 14px; font-weight: bold;">
                                    <label style="color: #f00;">*</label>
                                    标志名称：</span>
                                <input name="Name" type="text" class="boe required" />
                            </p>
                        </td>

                    </tr>
                    <tr>
                        <td colspan="2">
                            <p>
                                <span style="font-size: 14px; font-weight: bold;">标志含有的字母或数字（可选）：

                                </span>
                                <input name="LettersOrNumbers" type="text" class="boe1" />
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <p>
                                <span style="font-size: 14px; font-weight: bold;">标志含有的文字（可选）：</span>
                                <input name="Characters" type="text" class="boe2" />

                            </p>
                        </td>
                    </tr>
                    <tr class="tr_sep">
                        <td></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td colspan="2">
                            <span style="font-size: 14px; font-weight: bold;">
                                <label style="color: #f00;">* </label>
                                标志要表现的价值观：</span>

                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">


                            <table style="color: #111; font-size: 14px; font-weight: bold;">
                                <tbody>
                                    <tr>
                                        <td width="45"><span id="feminine" style="opacity: 0.5">女人</span></td>
                                        <td width="330" style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-fem").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-fem").val(ui.value);
                                                            var opfem = (100 - ui.value) / 100;
                                                            $("#feminine").css("opacity", opfem).fadeIn(150);
                                                            var opmas = ui.value / 100;
                                                            $("#masculine").css("opacity", opmas).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-fem" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden"  id="am-fem" value="50" name="Expression">
                                        </td>
                                        <td width="99" style="padding-left: 20px;"><span id="masculine" style="opacity: 0.5">男人</span></td>
                                    </tr>
                                    <tr>
                                        <td width="45"><span id="young" style="opacity: 0.5">年轻</span></td>
                                        <td style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-you").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-you").val(ui.value);
                                                            var opyou = (100 - ui.value) / 100;
                                                            $("#young").css("opacity", opyou).fadeIn(150);
                                                            var opmat = ui.value / 100;
                                                            $("#mature").css("opacity", opmat).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-you" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden" id="am-you" value="50" name="Expression">
                                        </td>
                                        <td style="padding-left: 20px;"><span id="mature" style="opacity: 0.5">成熟</span></td>
                                    </tr>
                                    <tr>
                                        <td width="45"><span id="luxory" style="opacity: 0.5">奢侈</span></td>
                                        <td style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-lux").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-lux").val(ui.value);
                                                            var oplux = (100 - ui.value) / 100;
                                                            $("#luxory").css("opacity", oplux).fadeIn(150);
                                                            var opeco = ui.value / 100;
                                                            $("#economical").css("opacity", opeco).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-lux" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden"  id="am-lux" value="50" name="Expression">
                                        </td>
                                        <td style="padding-left: 20px;"><span id="economical" style="opacity: 0.5">经济</span></td>
                                    </tr>
                                    <tr>
                                        <td width="45"><span id="modern" style="opacity: 0.5">现代</span></td>
                                        <td style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-mod").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-mod").val(ui.value);
                                                            var opmod = (100 - ui.value) / 100;
                                                            $("#modern").css("opacity", opmod).fadeIn(150);
                                                            var opcla = ui.value / 100;
                                                            $("#classic").css("opacity", opcla).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-mod" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden" id="am-mod" value="50" name="Expression">
                                        </td>
                                        <td style="padding-left: 20px;"><span id="classic" style="opacity: 0.5">经典</span></td>
                                    </tr>
                                    <tr>
                                        <td width="45"><span id="playful" style="opacity: 0.5">调皮</span></td>
                                        <td style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-pla").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-pla").val(ui.value);
                                                            var oppla = (100 - ui.value) / 100;
                                                            $("#playful").css("opacity", oppla).fadeIn(150);
                                                            var opser = ui.value / 100;
                                                            $("#serious").css("opacity", opser).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-pla" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden" id="am-pla" value="50" name="Expression">
                                        </td>
                                        <td style="padding-left: 20px;"><span id="serious" style="opacity: 0.5">严肃</span></td>
                                    </tr>
                                    <tr>
                                        <td width="45"><span id="loud" style="opacity: 0.5">喧闹</span></td>
                                        <td style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-lou").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-lou").val(ui.value);
                                                            var oplou = (100 - ui.value) / 100;
                                                            $("#loud").css("opacity", oplou).fadeIn(150);
                                                            var opqui = ui.value / 100;
                                                            $("#quiet").css("opacity", opqui).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-lou" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden" id="am-lou" value="50" name="Expression">
                                        </td>
                                        <td style="padding-left: 20px;"><span id="quiet" style="opacity: 0.5">安静</span></td>
                                    </tr>
                                    <tr>
                                        <td width="45"><span id="simplex" style="opacity: 0.5">简单</span></td>
                                        <td style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-sim").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-sim").val(ui.value);
                                                            var opsim = (100 - ui.value) / 100;
                                                            $("#simplex").css("opacity", opsim).fadeIn(150);
                                                            var opcom = ui.value / 100;
                                                            $("#complex").css("opacity", opcom).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-sim" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden"  id="am-sim" value="50" name="Expression">
                                        </td>
                                        <td style="padding-left: 20px;"><span id="complex" style="opacity: 0.5">复杂</span></td>
                                    </tr>
                                    <tr>
                                        <td width="45"><span id="subtle" style="opacity: 0.5">微妙</span></td>
                                        <td style="padding: 10px; width: 300px;">
                                            <script type="text/javascript">
                                                $(document).ready(function () {
                                                    $("#sl-sub").slider({
                                                        value: 50,
                                                        min: 1,
                                                        max: 100,
                                                        step: 1,
                                                        slide: function (event, ui) {
                                                            $("#am-sub").val(ui.value);
                                                            var opsub = (100 - ui.value) / 100;
                                                            $("#subtle").css("opacity", opsub).fadeIn(150);
                                                            var opobv = ui.value / 100;
                                                            $("#obvious").css("opacity", opobv).fadeIn(150);
                                                        }
                                                    });
                                                });
                                            </script>
                                            <div id="sl-sub" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%;"></a></div>
                                            <input type="hidden" id="am-sub" value="50" name="Expression">
                                        </td>
                                        <td style="padding-left: 20px;"><span id="obvious" style="opacity: 0.5">明显</span></td>
                                    </tr>

                                </tbody>
                            </table>

                        </td>
                    </tr>

                    <tr class="tr_sep">
                        <td></td>
                        <td></td>
                    </tr>


                    <tr>
                        <td colspan="2"><span style="font-weight: bold; font-size: 14px;">
                            
                            喜欢下列颜色能用在标志上：</span></td>
                    </tr>
                    <tr class="tablebg">

                        <td colspan="2" valign="top" align="left">
                            <div style="width: 490px; float: left; margin-right: 60px;">
                                <table width="490" border="0" cellpadding="0" cellspacing="1">
                                    <tbody>
                                        <tr>
                                            <td id="cc1_1" onclick="m5ColorClicked(this, '#CC0000', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#CC0000">&nbsp;</td>
                                            <td id="cc1_2" onclick="m5ColorClicked(this, '#FF0000', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#FF0000">&nbsp;</td>
                                            <td id="cc1_3" onclick="m5ColorClicked(this, '#FF6600', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#FF6600">&nbsp;</td>
                                            <td id="cc1_4" onclick="m5ColorClicked(this, '#FF9900', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#FF9900">&nbsp;</td>
                                            <td id="cc1_5" onclick="m5ColorClicked(this, '#FFCC00', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#FFCC00">&nbsp;</td>
                                            <td id="cc1_6" onclick="m5ColorClicked(this, '#FFFF00', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#FFFF00">&nbsp;</td>
                                            <td id="cc1_7" onclick="m5ColorClicked(this, '#CCFF00', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#CCFF00">&nbsp;</td>
                                            <td id="cc1_8" onclick="m5ColorClicked(this, '#00FF00', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#00FF00">&nbsp;</td>
                                            <td id="cc1_9" onclick="m5ColorClicked(this, '#1CB900', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#1CB900">&nbsp;</td>
                                            <td id="cc1_10" onclick="m5ColorClicked(this, '#1F8F24', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#1F8F24">&nbsp;</td>
                                            <td id="cc1_11" onclick="m5ColorClicked(this, '#00FF99', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#00FF99">&nbsp;</td>
                                            <td id="cc1_12" onclick="m5ColorClicked(this, '#00CC99', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#00CC99">&nbsp;</td>
                                            <td id="cc1_13" onclick="m5ColorClicked(this, '#00FFFF', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#00FFFF">&nbsp;</td>
                                            <td id="cc1_14" onclick="m5ColorClicked(this, '#0099FF', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#0099FF">&nbsp;</td>
                                            <td id="cc1_15" onclick="m5ColorClicked(this, '#0066CC', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#0066CC">&nbsp;</td>
                                            <td id="cc1_16" onclick="m5ColorClicked(this, '#0005D9', 'cc1', 'm5_lbl1', 'm5_colors')" width="14" bgcolor="#0005D9">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td id="cc1_17" onclick="m5ColorClicked(this, '#000000', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#000000">&nbsp;</td>
                                            <td id="cc1_18" onclick="m5ColorClicked(this, '#333333', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#333333">&nbsp;</td>
                                            <td id="cc1_19" onclick="m5ColorClicked(this, '#666666', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#666666">&nbsp;</td>
                                            <td id="cc1_20" onclick="m5ColorClicked(this, '#999999', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#999999">&nbsp;</td>
                                            <td id="cc1_21" onclick="m5ColorClicked(this, '#CCCCCC', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#CCCCCC">&nbsp;</td>
                                            <td id="cc1_22" onclick="m5ColorClicked(this, '#FFFFFF', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#FFFFFF">&nbsp;</td>
                                            <td id="cc1_23" onclick="m5ColorClicked(this, '#996600', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#996600">&nbsp;</td>
                                            <td id="cc1_24" onclick="m5ColorClicked(this, '#CC9900', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#CC9900">&nbsp;</td>
                                            <td id="cc1_25" onclick="m5ColorClicked(this, '#993333', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#993333">&nbsp;</td>
                                            <td id="cc1_26" onclick="m5ColorClicked(this, '#CC3366', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#CC3366">&nbsp;</td>
                                            <td id="cc1_27" onclick="m5ColorClicked(this, '#FF3399', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#FF3399">&nbsp;</td>
                                            <td id="cc1_28" onclick="m5ColorClicked(this, '#CC66CC', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#CC66CC">&nbsp;</td>
                                            <td id="cc1_29" onclick="m5ColorClicked(this, '#9933FF', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#9933FF">&nbsp;</td>
                                            <td id="cc1_30" onclick="m5ColorClicked(this, '#6633CC', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#6633CC">&nbsp;</td>
                                            <td id="cc1_31" onclick="m5ColorClicked(this, '#6666CC', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#6666CC">&nbsp;</td>
                                            <td id="cc1_32" onclick="m5ColorClicked(this, '#003399', 'cc1', 'm5_lbl1', 'm5_colors')" bgcolor="#003399">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div style="width: 470px; height: 50px; border: 1px solid #9b9b9b; background: #e7e7e7; margin-top: 20px; padding: 10px;">
                                    <span class="text-bold" id="m5_lbl1"></span>
                                    <input type="hidden" id="m5_colors" name="GoodColor" />
                                </div>
                            </div>
                            <div style="float: left;">
                                其它喜爱的颜色 
                                  <p style="width: 150px; margin: 10px 0 0 0; line-height: 20px;">
                                      <input style="width: 219px; height: 29px; line-height: 29px; font-size: 12px; border: 1px solid #333333; background: #eee; border: none;" name="GoodColor"/>
                                     
                                </p>
                            </div>
                        </td>
                    </tr>

                    <tr class="tr_sep">
                        <td></td>
                        <td></td>
                    </tr>


                    <tr>
                        <td colspan="2"><span style="font-weight: bold; font-size: 14px;">
                           
                            不喜欢下列颜色用在标志上：</span></td>
                    </tr>

                    <tr class="tablebg">

                        <td colspan="2">
                            <div style="width: 490px; float: left; margin-right: 60px;">
                                <table width="490" border="0" cellpadding="0" cellspacing="1">
                                    <tbody>
                                        <tr>
                                            <td id="cc2_1" onclick="m5ColorClicked(this, '#CC0000', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#CC0000">&nbsp;</td>
                                            <td id="cc2_2" onclick="m5ColorClicked(this, '#FF0000', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#FF0000">&nbsp;</td>
                                            <td id="cc2_3" onclick="m5ColorClicked(this, '#FF6600', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#FF6600">&nbsp;</td>
                                            <td id="cc2_4" onclick="m5ColorClicked(this, '#FF9900', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#FF9900">&nbsp;</td>
                                            <td id="cc2_5" onclick="m5ColorClicked(this, '#FFCC00', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#FFCC00">&nbsp;</td>
                                            <td id="cc2_6" onclick="m5ColorClicked(this, '#FFFF00', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#FFFF00">&nbsp;</td>
                                            <td id="cc2_7" onclick="m5ColorClicked(this, '#CCFF00', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#CCFF00">&nbsp;</td>
                                            <td id="cc2_8" onclick="m5ColorClicked(this, '#00FF00', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#00FF00">&nbsp;</td>
                                            <td id="cc2_9" onclick="m5ColorClicked(this, '#1CB900', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#1CB900">&nbsp;</td>
                                            <td id="cc2_10" onclick="m5ColorClicked(this, '#1F8F24', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#1F8F24">&nbsp;</td>
                                            <td id="cc2_11" onclick="m5ColorClicked(this, '#00FF99', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#00FF99">&nbsp;</td>
                                            <td id="cc2_12" onclick="m5ColorClicked(this, '#00CC99', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#00CC99">&nbsp;</td>
                                            <td id="cc2_13" onclick="m5ColorClicked(this, '#00FFFF', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#00FFFF">&nbsp;</td>
                                            <td id="cc2_14" onclick="m5ColorClicked(this, '#0099FF', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#0099FF">&nbsp;</td>
                                            <td id="cc2_15" onclick="m5ColorClicked(this, '#0066CC', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#0066CC">&nbsp;</td>
                                            <td id="cc2_16" onclick="m5ColorClicked(this, '#0005D9', 'cc2', 'm5_lbl2', 'm5_no_colors')" width="14" bgcolor="#0005D9">&nbsp;</td>
                                        </tr>

                                        <tr>
                                            <td id="cc2_17" onclick="m5ColorClicked(this, '#000000', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#000000">&nbsp;</td>
                                            <td id="cc2_18" onclick="m5ColorClicked(this, '#333333', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#333333">&nbsp;</td>
                                            <td id="cc2_19" onclick="m5ColorClicked(this, '#666666', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#666666">&nbsp;</td>
                                            <td id="cc2_20" onclick="m5ColorClicked(this, '#999999', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#999999">&nbsp;</td>
                                            <td id="cc2_21" onclick="m5ColorClicked(this, '#CCCCCC', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#CCCCCC">&nbsp;</td>
                                            <td id="cc2_22" onclick="m5ColorClicked(this, '#FFFFFF', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#FFFFFF">&nbsp;</td>
                                            <td id="cc2_23" onclick="m5ColorClicked(this, '#996600', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#996600">&nbsp;</td>
                                            <td id="cc2_24" onclick="m5ColorClicked(this, '#CC9900', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#CC9900">&nbsp;</td>
                                            <td id="cc2_25" onclick="m5ColorClicked(this, '#993333', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#993333">&nbsp;</td>
                                            <td id="cc2_26" onclick="m5ColorClicked(this, '#CC3366', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#CC3366">&nbsp;</td>
                                            <td id="cc2_27" onclick="m5ColorClicked(this, '#FF3399', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#FF3399">&nbsp;</td>
                                            <td id="cc2_28" onclick="m5ColorClicked(this, '#CC66CC', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#CC66CC">&nbsp;</td>
                                            <td id="cc2_29" onclick="m5ColorClicked(this, '#9933FF', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#9933FF">&nbsp;</td>
                                            <td id="cc2_30" onclick="m5ColorClicked(this, '#6633CC', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#6633CC">&nbsp;</td>
                                            <td id="cc2_31" onclick="m5ColorClicked(this, '#6666CC', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#6666CC">&nbsp;</td>
                                            <td id="cc2_32" onclick="m5ColorClicked(this, '#003399', 'cc2', 'm5_lbl2', 'm5_no_colors')" bgcolor="#003399">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div style="width: 470px; height: 50px; border: 1px solid #9b9b9b; background: #e7e7e7; margin-top: 20px; padding: 10px;">
                                    <span class="text-bold" id="m5_lbl2">Click on the color to choose it!</span>
                                    <input type="hidden" id="m5_no_colors" name="BadColor" />
                                </div>
                            </div>
                            <div style="float: left;">
                                其它不喜爱的颜色
                                    <p style="width: 150px; margin: 10px 0 0 0; line-height: 20px;">
                                        <input style="width: 219px; height: 29px; line-height: 29px; font-size: 12px; border: 1px solid #333333; background: #eee; border: none;" name="BadColor"/>
                                          
                                       
                                </p>
                            </div>
                        </td>
                    </tr>

                    <tr class="tr_sep">
                        <td></td>
                        <td></td>
                    </tr>


                    <tr>
                        <td colspan="2">
                            <label style="font-size: 14px; font-weight: bold;">
                                输入你对标志的想法或一些额外的信息，上传一些你满意的logo样式，<br />
                                这将对设计师非常有用（可选）：
                            </label>
                        </td>
                    </tr>


                    <tr>
                        <td colspan="2">
                            <div style="float: left; margin-right: 40px;">
                                <textarea class="textarea_form" tabindex="1" name="Extraneous"> </textarea>&nbsp;&nbsp;&nbsp;
        <img src="/images/index_icon.jpg" alt="icon" width="16" height="17" />

                            </div>
                            <div style="float: left;">
                                <input name="" type="button" class="scwj" id="filebtn" />
                                <input name="ExtraneousFile" id="ExtraneousFile" type="file" style="display:none;" />
                                <p style="width: 150px; margin: 10px 0 0 0; line-height: 20px;">
                                    是否上传一些对设计师设计有所帮助的资料？（文件格式：JPG，PNG，GIF，PDF，EPS，TXT，ODT……）
                                </p>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td colspan="2"><span>
                            <label style="color: #f00;">* </label>
                            <b>您的标志会在哪里使用？</b>(至少选择一项)</span>
                        </td>
                    </tr>

                    <tr>
                        <td colspan="2">
                            @foreach (var item in Model.UsedFor)
                            {
                                <label><input type="checkbox" name="UsedForId" value="@item.ID" /> @(item.Name)</label> @:&nbsp;&nbsp;
                            }
                        </td>
                    </tr>

                    <tr class="tr_sep">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <input type="submit" class="green" value=" " />
                            <label style="color: #f00;">带* 号的为必填选项）</label>
                        </td>
                    </tr>

                </tbody>
            </table>
        </form>
    </div>
    <div class="index_bottom"></div>
</div>
